/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）(<div class="col-wrap col-product"></div>)
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
.home-top-grid1 {
    background: rgba(11, 100, 143, 0.7);
    transition: 0.5s all;
}
.home-top-grid2 {
    background: rgba(226, 23, 55, 0.5);
    transition: 0.5s all;
}
.home-top-grid3 {
    background: rgba(11, 100, 143, 0.4);
    transition: 0.5s all;
}
@font-face {
    src: url(../fonts/HelveticaInserat.ttf);
}
@font-face {
    font-family: 'FuturistCondensed';
    src: url('../fonts/FuturistCondensed Regular.TTF');/* IE9*/
    src: url('../fonts/FuturistCondensed Regular.TTF') format('embedded-opentype'), /* IE6-IE8 */
    /*url('../fonts/FuturistCondensed Regular.woff') format('woff'), *//* chrome、firefox */
    url('../fonts/FuturistCondensed Regular.TTF') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/FuturistCondensed Regular.svg#iconfont') format('svg');/* iOS 4.1- */
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/c/font_1502878_56if22jysn6.woff2?t=1745545134406') format('woff2'),
       url('//at.alicdn.com/t/c/font_1502878_56if22jysn6.woff?t=1745545134406') format('woff'),
       url('//at.alicdn.com/t/c/font_1502878_56if22jysn6.ttf?t=1745545134406') format('truetype');
}
@font-face {
    font-family: 'iconfont1';  /* Project id 1502878 */
    src: url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff2?t=1654164469634') format('woff2'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.woff?t=1654164469634') format('woff'),
       url('//at.alicdn.com/t/font_1502878_vzyvufcq4gp.ttf?t=1654164469634') format('truetype');
}
.iconfont1{font-size:12px;font-style:normal;-webkit-font-smoothing:antialiased;font-family:'iconfont1';}
body {
    font-family: 'Arial',"微软雅黑";
    min-width: 320px;
    color: #666;
    overflow-x: hidden;
}
.iconfont {
    font-family: 'iconfont';
}
img {
    max-width: 100%;
}
li {
    list-style: none;
}
i,
em {
    font-style: normal;
}
.vcenter {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.last {
    margin-right: 0 !important;
}
.tHide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.blockFull {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.relative { position: relative;}
a { color: #666; transition: 0.5s;}
a:hover {  color: #009b6b; text-decoration: none;}
a:link,
a:visited{text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li { margin: 0; padding: 0;}
img {border: 0;}
p{margin:0;}
.container {  width: 100%;max-width: 1320px;padding: 0;}
.container2{max-width: 1520px;}
.pic { position: relative; overflow: hidden;}
.pic:after { content: ""; display: block;}
.padding{padding-left: 5%;padding-right: 5%;}
.panel{margin:0;border:0;border-radius: 0;box-shadow: none;}
.flex{display: flex;display: -webkit-flex;}
.bold{font-weight: bold;}
.tHide { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
/* animates */
    @-webkit-keyframes fadeUp {
      from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    @keyframes fadeUp {
      from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    .fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
    @-webkit-keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }
    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }
    .fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
    @-webkit-keyframes fadeDown {
      from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    @keyframes fadeDown {
      from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    .fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;}
    @-webkit-keyframes fadeLeft {
      from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    @keyframes fadeLeft {
      from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    .fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;}
    @-webkit-keyframes fadeRight {
      from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    @keyframes fadeRight {
      from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
      to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    }
    .fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}
/* animates */
/*common*/
    .text-overflow{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:2;
        text-overflow: ellipsis;
    }
    .swiper .swiper-pagination .swiper-pagination-bullet { width: 12px;height: 12px;margin:0 4px!important;background: #fff;opacity: 1; outline: none;}
    .swiper .swiper-pagination .swiper-pagination-bullet-active{ background: #089e70!important; }
    .col-title{ color: #222; }
    .col-title h4{margin-bottom: 10px; text-transform: uppercase; }
    /*subnav*/
    .col-subnav ul{padding: 1vw 0; border-bottom: 1px solid #ddd; }
    .col-subnav ul li{float: left;padding-right: 2.5vw;margin-right: 2.5vw; line-height: 30px; border-right: 1px solid #ddd;}
    .col-subnav ul li a{color: #888;}
    .col-subnav ul li a span{align-items: center;justify-content: center;}
    .col-subnav ul li a span:before{content: '';display: block;width: 19px;height: 19px;margin-right: 10px; background: url(../images/icon-gray.png) center no-repeat;background-size: cover;transition: 0.5s;}
    .col-subnav ul li a:hover,
    .col-subnav ul li a.cur{color: #222;}
    .col-subnav ul li a:hover span:before,
    .col-subnav ul li a.cur span:before{background-image: url(../images/icon-on.png);}
    .col-subnav ul li:last-child{padding-right: 0;margin-right: 0;border:0;}
    /*mbx*/
    .mbx-page{padding: 1.8vw 0; line-height: 1.8; color: #222;}
    .mbx-page a{color: #222;}
    .mbx-page a:hover{color: #009b6b;}
    /*news*/
    .news .panel{ background: #f5f5f5; }
    .news .pic:after{padding-bottom: 72.289%;}
    .news .text{padding: 1.45vw;}
    .news .text .date{margin-bottom: 0.78vw; line-height: 30px;color: #222; }
    .news .text .date span{ display: inline-block;padding: 0 0.78vw;margin-right: 0.8vw; background: #009b6b;border-radius: 15px; color: #fff; }
    .news .text a.ntit{ line-height: 1.4;font-weight: bold; color: #222; }
    .news .text a.more{ display: inline-block;min-width: 8.07vw;margin-top: 1.56vw; padding: 0.52vw 18px;line-height: 25px; background: #fff;border-radius: 23px; color: #222; }
    .news .text a.more span{align-items: center;justify-content: center;}
    .news .text a.more span:after{content: '';display: block; width: 19px;height: 19px;margin-left: 12px; background: url(../images/icon-on.png) center no-repeat;background-size: 100%;transition: 0.5s;}
    .news .text p{margin-top: 0.7vw; line-height: 1.6;-webkit-line-clamp:4;}
    .news .text a.more:hover{background: #009b6b;color: #fff;}
    .news .text a.more:hover span:after{background-image: url(../images/icon.png);}
/*common*/
/*header*/
    #page{padding-top: 70px; overflow: hidden;}
    header{width:100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 1001;}
    header h1{width: 30%;max-width: 390px; margin:0; padding: 0;font-size: 0;line-height: 70px;}
    header .container{width: 100%;max-width: 1750px;padding: 0 15px;}
    nav.mm-menu_offcanvas{display: none;}
    #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
    .head{position: relative;box-shadow: 0 0 10px rgba(0,0,0,.15);transition: 0.5s;}
    .head .xian{height: 15px;margin: 28px 1.5vw 0;border-left: 1px solid #ddd;}
    .headerSear{ height: 70px;line-height: 70px; }
    .headerSear a{ color: #222; }
    .headerSear a:hover{color: #009b6b;}
    .language { position: relative; margin-top: 25px;margin-left: 3vw; line-height: 22px;}
    .language a { color: #222;padding-bottom: 10px;  display: block;}
    .language a img{position: relative;top:-2px;}
    .language a i{font-size: 12px;}
    .language .lang-none { display: none;width: 120px;left: 50%;margin-left: -60px;  position: absolute;z-index: 99; background:rgba(255,255,255,0.8);box-shadow: 0 0 5px rgba(0,0,0,0.15);text-align: center;padding: 10px 0;}
    .language .lang-none a{ padding: 5px; color: #333; }
    .language:hover .lang-none {  display: block;}
    .language .lang-none a:hover{  background: #009b6b; color: #fff;}
    .headerCon{margin-left: 3vw; padding-top: 13px; }
    .headerCon a{display: inline-block;min-width: 8.07vw; padding: 0 1vw;line-height: 45px;background: #009b6b;border-radius: 23px;text-align: center; color: #fff;}
    .headerCon a img{margin-left: 1.4vw;}
    .nav ul li{float: left; margin-left: 2.6vw; line-height: 70px;position: relative; cursor: pointer;}
    .nav ul li a{color: #222;}
    .nav ul li a i{font-size: 12px;}
    .nav ul li:hover a{color: #009b6b;}
    .nav ul li:hover ul li a { background: #fff; color: #333;}
    .nav ul li ul { display: none; width:200px;left: 50%;margin-left: -100px; position: absolute;  padding: 10px 0;  background: #fff;  box-shadow: 0 0 5px rgba(0,0,0,0.15);
        animation-duration: 0.6s;   
        -webkit-animation-duration: 0.6s;
    }
    .nav ul li ul li { float: none; line-height: 25px;margin: 0;}
    .nav ul li ul li a {display: block; padding: 5px 10px;text-align: center; }
    .nav ul li ul li a:hover { background: #009b6b; color: #fff;} 
/*header*/
/*footer*/
    #foot-video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;z-index: -1;}
    .footer{padding-top: 5.72%; position: relative; line-height: 1.8; color: #fff;}
    .footer a{color: #fff;}
    .footer a:hover{color: #009b6b;}
    .footerleft{width: 77.17%;overflow: hidden;}
    .footerleft .footLogo{width: 44.33%;}
    .footerleft .footLogo{padding-bottom: 1.71vw;margin-bottom: 1.71vw; position: relative;}
    .footerleft .footLogo:after{content: '';width: 100vw;position: absolute;left: 0;bottom: 0;border-top: 1px solid #fff;}
    .footerleft .content{width: 44.33%;}
    .footerleft .dh{width: 55.66%;padding-left: 3.64vw;}
    .footerleft .dh ul{margin-top: -3.42vw;padding-top: 3.42vw;margin-left: -3px;margin-right: -3px; justify-content: space-between; }
    .footerleft .dh ul li{position: relative;padding: 0 3px;}
    .footerleft .dh ul li h4{ position: absolute;left: 3px;top: -3.42vw;transform: translateY(-100%);white-space: nowrap; }
    .footerleft .dh ul li p{margin-bottom: 10px;}
    .footerleft .dh ul li p a:after{content: '\e636';margin-left: 5px; font-family: 'iconfont';font-size: 14px;}
    .footerleft .dh ul li p:last-child{margin: 0;}
    .footerright{max-width: 20%;margin-top: 2vw;}
    .footerright .qrcode{justify-content: space-between;}
    .footerright .qrcode p{margin-right: 1vw; text-align: center;}
    .footerright .qrcode p img{ width: 5.729vw;max-width: 110px;min-width: 80px; }
    .footerright .qrcode p span{ display: block;margin-top: 5px; }
    .footerright .qrcode p:last-child{ margin-right: 0;}
    .social{margin-top: 2vw;}
    .social p{margin-bottom: 0.8vw;}
    .social span{display:inline-block;margin-right: 0.6vw;}
    .social span i{ display: flex;align-items: center;justify-content: center;width: 44px;height: 44px; border-radius: 50%;border: 1px solid #fff; color: #fff;transition: 0.5s;}
    .social span:hover i{ background: #009b6b;border-color: #009b6b;}
    .social span.weixin {position: relative;}
    .social span.weixin em{display: none;width:130px;height:130px; position: absolute;left: 50%;margin-left: -65px;top:-150px;}
    .social span.weixin:hover em{display: block;}
    .copy{padding: 1.82vw 0;margin-top: 5vw;}
/*footer*/
/*banner*/
    .banner {position: relative;z-index: 2;background: #ccc;}
    .banner .swiper-slide{background-size: cover;background-position: center;position: relative;}
    .banner .content{width: 100%;position: absolute;left: 0;top:0;color: #fff;height: 100%;display:flex; z-index: 1;}
    /*index*/
    .banner-index .pic:after{padding-bottom: 46.875%;}
    .banner-index .content{padding-top: 8.59vw;text-align: center;}
    .banner-index .content h2{margin-bottom: 1vw; line-height: 1.083;font-weight: bold; text-shadow: 1.968px 2.264px 3px rgba( 0, 0, 0,0.31 ); }
    .banner-index .content p.p1{ display: inline-block;padding: 7px 1.5vw; line-height: 1.3; background: #009b6b;border-radius: 25px;}
    .banner-index .content .img{margin-top: 5.36vw;}
    .banner-index .content .img img{height: 22.86vw;max-height: 439px;}
    /*page*/
    .banner-page .pic{min-height: 150px;}
    .banner-page .pic:after{padding-bottom: 35.416%;}
    .banner-page-10 .pic:after{padding-bottom: 46.875%;}
    .banner-page .content{align-items: center;}
    .banner-page .content .mbx{margin-top: 1.25vw; line-height: 1.5;}
    .banner-page .content .mbx a{color: #fff;}
    .banner-page .content .mbx a:hover{text-decoration: underline;}
    @media (max-width: 991px){
        .banner-index .content h2{margin-bottom: 10px;}
        .banner-index .content p.p1{padding: 5px 15px;}
        .banner-page .content .mbx{margin-top: 10px;}
    }
    @media (max-width: 767px){
        .banner-index .pic{height: 360px;}
        .banner-index .content{padding-top: 65px;}
        .banner-index .content p.p1{font-size: 15px;}
        .banner-index .content .img{margin-top: 40px;}
        .banner-index .content .img img{height: 176px;}
    }
/*banner*/
/*index*/
    /*about*/
    .col-index-about{padding-top: 5.46%;padding-bottom: 5.46%;}
    .col-index-about .flex{flex-wrap: wrap;align-items: center;}
    .col-index-about .content{width: 56.41%;padding-left: 5vw;}
    .col-index-about .panel{width: 100%;max-width: 783px;padding-right: 5.9vw;line-height: 1.5;}
    .col-index-about .panel h2{max-width: 520px;margin:1.25vw 0 2.5vw; line-height: 1.2;font-weight: bold;color: #222;}
    .col-index-about .more{margin-top: 5.5vw;}
    .col-index-about .more a{display: inline-block;padding: 3px; border:1px solid #089e70; border-radius: 24px; color: #222; }
    .col-index-about .more a span{padding-left: 1.4vw; align-items: center;}
    .col-index-about .more a i{ display: flex;width: 2.08vw;height: 2.08vw;max-width: 40px;max-height: 40px;min-width: 30px;min-height: 30px;margin-left: 1.5vw; align-items: center;justify-content: center;background: #089e70;border-radius: 50%; color: #fff;transition: 0.5s; }
    .col-index-about .more a:hover{background: #089e70;color: #fff;}
    .col-index-about .more a:hover i{background: #fff;color: #089e70;}
    .col-index-about .pic{width: 43.59%;}
    .col-inab-number{margin-top: 4vw; line-height: 1.5; color: #888; }
    .col-inab-number ul{display: flex;}
    .col-inab-number ul li{ width: 22.72%; border-right: 1px solid #ddd;text-align: center;}
    .col-inab-number ul li .box{display: inline-block; text-align: left;}
    .col-inab-number ul li .data{margin-bottom: 6px; line-height: 0.8; font-weight: bold;color: #009b6b;}
    .col-inab-number ul li .data .dw{margin-left: 0.5vw;position: relative;top: -2px; font-weight: normal; color: #222;}
    .col-inab-number ul li.li1{text-align: left;}
    .col-inab-number ul li.li2{width: 27.28%;}
    .col-inab-number ul li.li3{width: 27.28%;}
    .col-inab-number ul li.li4{text-align: right;border: 0;}
    /*product*/
    .col-index-product{padding-top: 6.77%;padding-bottom: 6.25%;}
    .col-index-product .col-title{color: #fff;}
    .col-index-product .title{justify-content: space-between;align-items: flex-end;}
    .col-index-product .title li{float: left;margin-left: 0.78vw; }
    .col-index-product .title li a{display: block;min-width: 9.89vw;padding: 0.59vw 1.2vw;line-height: 25px;border:1px solid #fff;border-radius: 25px;text-align: center; color: #fff;}
    .col-index-product .title li a:hover{ background: #fff;color: #222; }
    .col-index-product .list{margin-top: 3.43vw;}
    .col-index-product .list .swiper-slide{padding: 0 1.71vw; background: #fff; }
    .col-index-product .list .swiper-slide a{color: #222;}
    .col-index-product .list .tit{padding: 1.25vw 0; justify-content: space-between;align-items: center; }
    .col-index-product .list .tit h4{width: 85%;line-height: 1.3;font-weight: bold;}
    .col-index-product .list .tit i{display: flex;justify-content: center;align-items: center; width: 2.08vw;height: 2.08vw;max-width: 40px;max-height: 40px;min-width: 30px;min-height: 30px; border: 1px solid #888;border-radius: 50%; font-size: 16px;font-weight: bold;color: #888;transition: 0.5s;}
    .col-index-product .list .pic{ border-top: 1px solid #ddd;}
    .col-index-product .list .pic:after{padding-bottom: 87.88%;}/*355 312*/
    .col-index-product .list .pic img{max-width: 85%;max-height: 85%;}
    .col-index-product .list .swiper-slide a:hover .tit i{border-color: #089e70;background: #089e70;color: #fff;}
    .col-index-product .button{margin-top: 2.34vw; align-items: center; }
    .col-index-product .button .swiper-scrollbar{ width: 100%;height: 3px; background: rgba(255,255,255,0.5); }
    .col-index-product .button .swiper-scrollbar .swiper-scrollbar-drag{ background: #089e70; }
    .col-index-product .button .swiper-button-prev,
    .col-index-product .button .swiper-button-next{position: static;width: auto;height: auto;margin: 0;margin-left: 0.57vw; outline: none;opacity: 1;}
    .col-index-product .button .swiper-button-prev{margin-left: 1.19vw;}
    .col-index-product .button .swiper-button-prev:after,
    .col-index-product .button .swiper-button-next:after{display: flex;align-items: center;justify-content: center; width: 2.24vw;height: 2.24vw;max-width: 43px;max-height: 43px;min-width: 30px;min-height: 30px; background: #fff;border-radius: 50%;  font-size: 13px;font-weight: bold;color: #089e70;transition: 0.5s;}
    .col-index-product .button .swiper-button-prev:hover:after,
    .col-index-product .button .swiper-button-next:hover:after{background: #089e70;color: #fff;}
    /*service*/
    .col-index-service{padding-top: 6.77%;padding-bottom: 6.77%;}
    .col-index-service .list{margin-top: 4vw;}
    .col-index-service .list ul{margin: 0 -1.5vw;}
    .col-index-service .list li{padding: 0 1.5vw;}
    .col-index-service .list li .panel{height: 100%;padding: 3vw 1.3vw; position: relative;line-height: 1.6; color: #222; transition: 0.5s; cursor: pointer; }
    .col-index-service .list li .panel .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;transition: 0.5s; z-index: 1;}
    .col-index-service .list li .pic{height: 4.739vw;max-height: 91px;min-height: 48px;z-index: 2;}
    .col-index-service .list li .pic img{transition: 0.5s;}
    .col-index-service .list li .pic img.img2{opacity: 0;}
    .col-index-service .list li .text{margin-top: 2.6vw; position: relative; z-index: 2; }
    .col-index-service .list li .text h3{ line-height: 1.25; }
    .col-index-service .list li .text hr{ width: 30px;margin: 0.78vw auto 1vw; border-top: 2px solid #009b6b;transition: 0.5s; }
    .col-index-service .list li .panel:hover{ color: #fff; }
    .col-index-service .list li .panel:hover .bg{ background: #009b6b;transform: scale(1.14); }
    .col-index-service .list li .panel:hover .pic img.img1{opacity: 0;}
    .col-index-service .list li .panel:hover .pic img.img2{opacity: 1;}
    .col-index-service .list li .panel:hover .text hr{border-color: #fff;}
    /*news*/
    .col-index-news{padding-top: 6.25%;padding-bottom: 6.25%;}
    .col-index-news .button{margin-top: 2vw;}
    .col-index-news .button a{color: #222;}
    .col-index-news .button a:hover{color: #009b6b;}
    .col-index-news .button span{display: inline-block;height: 15px;margin: 0 0.7vw; position: relative;top: 2px; border-right: 1px solid #ddd;}
    .col-index-news .list{margin-top: 1.56vw; overflow: hidden;}
    .col-index-news .swiper-news{margin: 0 -1vw;}
    .col-index-news .swiper-slide{padding: 0 1vw;}
    /*partner*/
    .col-index-partner{padding-top: 5vw;padding-bottom: 5vw;}
    .col-index-partner .swiper-partner{margin-top: 5vw;}
    .col-index-partner .swiper-partner ul li{height: auto;min-height: 6.875vw;padding: 10px; display: flex; align-items: center;justify-content: center; background: #fff; }
    .col-index-partner .swiper .swiper-pagination{position: static;margin-top: 1.82vw;}
/*index*/
/*page about*/
    .col-page-about{padding-top: 4.427%;padding-bottom: 7%;}
    .col-page-about .pic{margin-top: 4.63vw;}
    .col-page-about .content{width: 69.62%;padding-right: 6vw;line-height: 1.8;}
    .col-page-about .content h3{margin-bottom: 1.5vw; line-height: 1.3;color: #222;}
    .col-page-about .about-number{width: 30.37%;color: #222;}
    .col-page-about .about-number ul{}
    .col-page-about .about-number ul li{padding-bottom: 1.56vw;margin-bottom: 1.56vw; border-bottom: 1px solid #ddd; }
    .col-page-about .about-number ul li p{float: left;}
    .col-page-about .about-number ul li .box:after{clear:both;display:table;content:" ";}
    .col-page-about .about-number ul li .data{float: right; line-height: 0.8; font-weight: bold;color: #009b6b;}
    .col-page-about .about-number ul li .data .dw{margin-left: 0.5vw;position: relative;top: -2px; font-weight: normal; color: #222;}
    .col-page-about .about-number ul li:last-child{margin-bottom: 0;}
    /*culture*/
    .col-about-culture{padding-top: 7%;padding-bottom: 7%;}
    .col-about-culture .culture{ line-height: 1.8;color: #222; }
    .col-about-culture .culture h3{ margin-bottom: 0.78vw; line-height: 1.3;font-weight: bold; }
    .col-about-culture .list{margin-top: 2.34vw;}
    .col-about-culture .list li{width: 17.8%; position: relative;margin-left: 9px; cursor: pointer;}
    .col-about-culture .list li .pic{height: 100%; background: #fff;}
    .col-about-culture .list li .pic:after{padding-bottom: 73.55%;}
    .col-about-culture .list li .bg{transition: 0.5s;}
    .col-about-culture .list li .bg2{background: rgba(0,0,0,0.5);}
    .col-about-culture .list li .img{width: 100%; position: absolute;left: 0;top: 3vw;}
    .col-about-culture .list li .img img{height: 2.86vw;max-height: 55px;min-height: 28px;}
    .col-about-culture .list li .content{width: 100%;padding: 0 1vw; position: absolute;left: 0;bottom: 2.86vw;color: #fff;}
    .col-about-culture .list li .content .title h3{line-height: 1.167;font-weight: bold;}
    .col-about-culture .list li .content .con{display: none;margin-top: 1vw; line-height: 1.5;}
    .col-about-culture .list li.active{width: 44.69%;text-align: left;}
    .col-about-culture .list li.active .bg2{background: rgba(0,155,107,0.8);}
    .col-about-culture .list li.active .img{padding: 0 2.447vw;}
    .col-about-culture .list li.active .content{padding: 0 2.447vw; color: #fff;}
    .col-about-culture .list li.active .content .con{display: block;}
    .col-about-culture .list li:first-child{margin-left: 0;}
    /*honor*/
    .col-about-honor{padding-top: 6.77%;padding-bottom: 6.77%; background: #f5f5f5; }
    .col-about-honor .swiper-honor{margin-top: 3vw;}
    .col-about-honor .swiper-honor .pic:after{padding-bottom: 75%;}
    /*history*/
    .col-about-history{ padding-top: 3.64%;padding-bottom: 6.25%; }
    .col-about-history .col-title{color: #fff;}
    .history .swiper-his1{width: 67.42%;margin-top: 7vw; color: #fff;overflow: visible;}
    .history .swiper-his1 .swiper-slide{opacity: 0.3;transition: 0.5s;}
    .history .swiper-his1 .swiper-slide-active{opacity: 1;}
    .history .swiper-his1 .tit{align-items: center;}
    .history .swiper-his1 .date{ padding-right: 1.3vw;line-height: 1; white-space: nowrap; }
    .history .swiper-his1 .zs{width: 100%; align-items: center;}
    .history .swiper-his1 .zs span{display: block;width: 100%;margin: 0 9px; border-top: 1px dashed #fff;}
    .history .swiper-his1 .con{width: 72.47%;margin-top: 1.82vw; line-height: 1.667;}
    .history-thumb{width: 100%; padding: 10px 6vw;margin-top: 7vw; background: #fff; border-radius: 30px; }
    .history .swiper-his2 .swiper-slide{padding: 0 1vw;cursor: pointer;}
    .history .swiper-his2 .date{ line-height: 40px;border-radius: 20px; color: #222;transition: 0.5s;}
    .history .swiper-his2 .swiper-slide-thumb-active .date{background: #009b6b;color: #fff;}
    .history .history-thumb .swiper-button-prev,
    .history .history-thumb .swiper-button-next{ display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;margin-top: -17.5px; border-radius: 50%;border:1px solid #222;outline: none; }
    .history .history-thumb .swiper-button-prev{left: 1.77vw;}
    .history .history-thumb .swiper-button-next{right: 1.77vw;}
    .history .history-thumb .swiper-button-prev:after,
    .history .history-thumb .swiper-button-next:after{line-height: 33px; font-size: 12px;font-weight: bold; color: #222;}
/*page about*/
/*page technology*/
    .iconimg{position: relative;padding-left: 30px;margin-top: 10px; line-height: 25px;}
    .iconimg img{position: absolute;left: 0;top: 3px;}
    .col-page-tech1{padding-top: 7.8%;}
    .col-page-tech1 .flex{align-items: center;}
    .col-page-tech1 .list{width: 48.78%;}
    .col-page-tech1 .list .pic:after{padding-bottom: 70.03%;}
    .col-page-tech1 .swiper .swiper-pagination{position: static;margin-top: 1vw;}
    .col-page-tech1 .swiper .swiper-pagination .swiper-pagination-bullet{background: #ddd;}
    .col-page-tech1 .content{width: 51.22%;padding-left: 3.48vw;padding-bottom: calc(1vw + 20px); color: #222;}
    .col-page-tech1 .content h3,
    .col-page-tech1 .content h4{line-height: 1.3;font-weight: bold;}
    .col-page-tech1 .content h3{margin-bottom: 0.78vw;}
    .col-page-tech1 .content h4{padding-bottom: 1.56vw;}
    .col-page-tech2{padding-top: 3%; padding-bottom: 7.8%; line-height: 25px; color: #222;}
    .col-page-tech2 .container{padding-top: 4vw; border-top: 1px solid #ddd; }
    .col-page-tech2 h3,
    .col-page-tech2 h4{line-height: 1.3;font-weight: bold;}
    .col-page-tech2 h3{margin-bottom: 1vw;}
    .col-page-tech2 ul{ display: flex;margin-top: 5vw; }
    .col-page-tech2 ul li{width: 100%;margin-right: 0.78vw;padding: 2.81vw; background: #f5f5f5;}
    .col-page-tech2 ul li img.img{ height: 3.69vw;max-height: 71px;min-height: 38px; }
    .col-page-tech2 ul li h4{margin-top: 1vw;}
    .col-page-tech2 ul li hr{margin: 1.82vw 0 1.5vw;border-color: #ddd;}
    .col-page-tech2 ul li:last-child{margin-right: 0;}
/*page technology*/
/*page contact*/
    .col-page-contact{padding-top: 6%;padding-bottom: 6%;}
    .col-page-contact .map{width: 100%;margin-top: 5vw;}
    .col-page-contact .col-title{padding-bottom: 1.77vw; border-bottom: 1px solid #ddd; }
    .col-page-contact .content{padding-top: 1.87vw;line-height: 1.8; color: #222;font-weight: 200; }
    .col-page-contact .social{margin-top: 2.6vw;flex-wrap: wrap;}
    .col-page-contact .social p{width: 100%;margin-bottom: 0.78vw; font-weight: 500;}
    .col-page-contact .social span i{ border: 1px solid #222;font-size: 20px; color: #222;}
    .col-page-contact .social span:hover i{ background: #009b6b;border-color: #009b6b;color: #fff;}
    .col-page-contact .qrcode{margin-top: 3vw;padding-top: 2.5vw; border-top: 1px solid #ddd; }
    .col-page-contact .qrcode .flex{margin-top: 10px;}
    .col-page-contact .qrcode .flex p{margin-right: 5px; text-align: center;}
    .col-page-contact .qrcode .flex p img{ width: 5.729vw;max-width: 110px;min-width: 80px; }
    .col-page-contact .qrcode .flex p span{ display: block;margin-top: 5px; }
    .col-page-contact .qrcode .flex p:last-child{ margin-right: 0;}

    .col-page-contact .contact{width: 45.45%;padding-right: 3vw;}
    .col-page-contact .contact .content p.tel{padding: 10px 0 1.5vw; font-weight: bold;color: #009b6b;line-height: 0.8;}
    .col-page-contact .message{width: 54.54%;}
    .message ul{margin:0 -0.52vw;margin-top: 1.5vw; font-weight: 200;}
    .message ul li{padding: 0 0.52vw;margin-bottom: 1vw;}
    .message ul li p{line-height: 1.6;color: #222;margin-bottom: 6px;}
    .message ul li p span{color: #009b6b;}
    .message ul li input,
    .message ul li select,
    .message ul li textarea{ width: 100%; background: #f5f5f5;border:1px solid #f5f5f5;outline: none;}
    .message ul li input,
    .message ul li select{padding:0 20px;height:50px;line-height: 48px;}
    .message ul li textarea{float: left;padding:15px 20px;height: 7.29vw;max-height: 140px;min-height: 100px;}
    .message ul li.li3{width: 100%;}
    .message ul li.captcha input{width: 48%;max-width: 190px;}
    .message ul li.sub{margin:0;font-weight: 500;}
    .message ul li.sub input{width: 48%;max-width: 190px;background: #009b6b;border-color: #009b6b;color: #fff;}
/*page contact*/
/*page product*/
    .col-faq{margin-top: 3.48vw; line-height: 1.66;color: #222; }
    .col-page-product{padding-top: 6%;padding-bottom: 6%;}
    .col-page-product .col-subnav{padding: 0;margin-top: 3.64vw;}
    .col-page-product .col-subnav ul{padding: 0;border:0;}
    .col-page-product .col-subnav ul li{width: 25%;padding: 0;margin:0;}
    .col-page-product .col-subnav ul li a{display: block;padding: 1.27vw;position: relative; background: #f8f8f8;}
    .col-page-product .col-subnav ul li a:before{content: '';display: block;width: 100%;height: 3px;position: absolute;left: 0;background: #009b6b;opacity: 0;transition: 0.5s;}
    .col-page-product .col-subnav ul li:nth-child(odd) a{border-top: 1px solid #ddd;}
    .col-page-product .col-subnav ul li:nth-child(odd) a:before{top: 0;}
    .col-page-product .col-subnav ul li:nth-child(even) a{border-bottom: 1px solid #ddd;}
    .col-page-product .col-subnav ul li:nth-child(even) a:before{bottom: 0;}
    .col-page-product .col-subnav ul li a:hover,
    .col-page-product .col-subnav ul li a.cur{background: #fff;}
    .col-page-product .col-subnav ul li a:hover:before,
    .col-page-product .col-subnav ul li a.cur:before{opacity: 1;}
    .pro{ margin-top: 3.48vw;}
    .pro ul{ margin: 0 -0.78vw;margin-top: -2.7vw; flex-wrap: wrap;}
    .pro li{ padding: 0 0.78vw;margin-top: 2.7vw;cursor: pointer; }
    .pro li .pic{ background: #f5f5f5; }
    .pro li .pic:after{padding-bottom: 67.38%;}
    .pro li .pic img{max-width: 80%;max-height: 80%;transition: 0.5s;}
    .pro li .protxt{padding: 0.83vw 0; border-bottom: 1px solid #ddd; }
    .pro li .protxt a{color: #222;}
    .pro li .protxt .flex{padding-right: 40px; flex-wrap: wrap;align-items: center; }
    .pro li .protxt span{display: block;line-height: 30px;}
    .pro li .protxt .tit{padding: 0 1vw;margin-right: 10px;  border:1px solid #009b6b;border-radius: 16px;transition: 0.5s; }
    .pro li .protxt i{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 20px;color: #000;}
    .pro li:hover .pic img{transform: scale(1.05);}
    .pro li:hover .protxt .tit{ background: #009b6b;color: #fff;}
    /*proshow*/
    .col-prodet{padding-bottom: 5%; background: #f5f5f5;}
    .pro_show{ padding: 5vw 4vw; background: #fff; }
    .pro_show .image img{max-width: 88%;}
    .pro_show .description{margin-top: 5vw; color: #222;}
    .pro_show .descriptionL{width: 47.34%;padding-right: 3vw;}
    .pro_show .descriptionL h1{ text-transform: uppercase; }
    .pro_show .descriptionL h1 span{display: block;margin-bottom: 10px;}
    .pro_show .descriptionL .con{margin-top: 2vw; padding-top: 2.5vw; border-top: 1px solid #ddd;line-height: 25px; }
    .pro_show .descriptionL .con p{padding-left: 40px;position: relative;}
    .pro_show .descriptionL .con p.p1 img{position: absolute;left: 0;top: -1px;}
    .pro_show .descriptionL .con p.p2{margin-top: 5px;}
    .pro_show .descriptionL .con p.p2 a{ border-bottom: 1px solid #009b6b; color: #009b6b; }
    .pro_show .descriptionL .con a.back{ display: inline-block;min-width: 12.76vw;margin-top: 2.5vw; padding: 0.85vw 18px; line-height: 25px; background: #009b6b;border-radius: 30px; color: #fff;}
    .pro_show .descriptionL .con a.back span{align-items: center;justify-content: center;}
    .pro_show .descriptionL .con a.back span i{margin-left: 0.6vw;}
    .pro_show .descriptionR{width: 52.66%;line-height: 1.8; }
    .pro_show .descriptionR table{width: 100%;}
    .pro_show .descriptionR table tr td{padding: 10px 2vw; background: #f5f5f5;border-bottom: 1px solid #ddd; }
    .pro_show .descriptionR table tr.firstRow td{ background: #009b6b;color: #fff; }
    .product-content{margin-top: 3.64vw;padding-top: 3.64vw; border-top: 1px solid #ddd; }
    .product-content-2{margin-top: 5vw;line-height: 1.5; color: #222;}
    .product-content-2 h3{padding-bottom: 1.5vw; line-height: 1.3; font-weight: bold; }
    .product-content-2 p{ margin-top: 10px; }
    .product-content-2 table{width: 100%;}
    .product-content-2 table td:first-child{width: 53%;}
    .product-content-2 table td:last-child{width: 47%;padding-left: 5vw;}
    .product-content-3 h3{ line-height: 1.3;font-weight: bold;color: #222; }
    .product-content-3 ul{ display: flex;flex-wrap: wrap;margin: 0 -1.14vw; }
    .product-content-3 ul li{ width: 33.33%;padding: 0 1.14vw;margin-top: 1.51vw; line-height: 1.6;  color: #888; }
    .product-content-3 ul li h4{margin: 1vw 0 0.7vw; line-height: 1.3;font-weight: bold; color: #222; }
/*page product*/
/*page news*/
    .col-page-news{padding-top: 4.58%;padding-bottom: 5.5%;}
    .col-page-news .newslist{overflow: hidden; margin-top: 4.68vw;padding-top: 3.43vw;border-top: 1px solid #ddd;}
    .col-page-news .news ul{margin: 0 -1vw;margin-top: -1.875vw; flex-wrap: wrap; }
    .col-page-news .news li{padding: 0 1vw;margin-top: 1.875vw;}
    .newstop{margin-top: 1.82vw;flex-wrap: wrap;}
    .newstop .pic{padding: 0;}
    .newstop .pic:after{padding-bottom: 68.18%;}
    .newstop .pic .img{transition: 0.5s;}
    .newstop .pic:hover .img{transform: scale(1.05);}
    .newstop .content{padding: 0; align-items: center; background: #f6f7f9;}
    .newstop .news .text{padding: 3vw;}
    .newstop .news .text a.more{margin-top: 3vw;}
    /*newshow*/
    .newshow{padding: 3.2vw 0 5vw;}
    .newshow .newshowtit {
      text-align: center;
      border-bottom: 1px dotted #ddd;
    }
    .newshow .newshowtit h1 {
      color: #222;line-height: 1.3;font-weight: 700;
    }
    .newshow .newshowtit .date {
      line-height:1.8em;padding: 22px 0;
      color: #999;
    }
    .newshow .newshowtxt{margin:30px 0;min-height: 200px;}
    .newshow .newshowtxt p {
      line-height: 1.8;
    }
    .newshow .newshowimg {
      text-align: center;
      margin: 65px 0;
    }
    .prev-next {
      float: left;
      margin-top: 10px;
    }
    .prev-next a {
      display: block;
      color: #777;
      line-height: 25px;
      transition: 0.3s;
    }
    .prev-next a b {
      color: #666;
    }
    .prev-next a:hover {
      color: #009b6b;
    }
    .prev-next a.prev {
      border-bottom: 1px dashed #d4d4d4;
    }
/*page news*/
/*page*/
    .page { text-align: center;margin-top: 4vw;}
    .page ul{margin:0;}
    .page li {  display: inline;}
    .page li a{
      border-radius: 0!important;
      background: #fff;
      padding: 8px 15px;
      margin: 0 3px;
      display: inline;
      color:#222;
      border:1px solid #ddd!important;
    }
    .page li a:hover,
    .page li.active a {
      background: #009b6b!important;
      border: 1px solid #009b6b!important;
      color: #fff;
    }
    .page li.bgnone a{
      background: none;
    }
    .page li.bgnone a:hover {
      color: #2d2e66;
    }
    @media (max-width: 991px) {
        .page{margin-top: 40px;}
        .page li a{  padding: 5px 10px;}
    }
/*page*/
/*other*/
    #gotoTop{
        display: none;
        z-index: 299;
        position: fixed;
        width: 40px;
        height: 40px;
        background-color: rgba(0,0,0,0.3);
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        color: #fff;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 50px;
        cursor: pointer;
        border-radius: 2px;
        transition: 0.5s;
    }
    #gotoTop:hover{
        background-color: #009b6b;color: #fff;
    }
    .customer-service{
        z-index: 299;
        position: fixed;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        color: #FFF;
        top: auto;
        left: auto;
        right: 30px;
        bottom: 90px;
    }
    .customer-service li{
        width: 40px;
        height: 40px;
        background-color: #333;
        background-color: rgba(0,0,0,0.3);
        cursor: pointer;
        border-radius: 2px;
        margin-bottom: 10px;
    }
    .customer-service li a{
        color: #FFF;
    }
    .customer-service li:hover{
        background-color: #883289 !important;
    }
/*other*/
/*站内搜索*/
    .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important;}
    #search{ padding-top:5%;padding-bottom:5%; min-height: 500px; overflow:hidden }
    .search_left{    border: 1px solid #d6d6d6; padding-top:5px;  padding-bottom:5px; }
    .s_head{ border-bottom: 1px solid #d6d6d6; height: 50px;  }
    .s_head h2{  line-height: 50px;  }
    .s_body ul{ margin-top: 10px; margin-left: 10px;margin-right: 10px;  }
    .s_body ul span{display: block;color: #333;line-height: 40px;}
    .s_body ul input,
    .s_body ul select{
        height: 35px;
        width: 100%;
        line-height: 35px;
        border: 1px solid #e6e6e6;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .s_body .sub input{
        height: 35px;
        line-height: 35px;
        background: #575757;
        border: 0;
        font-weight: bold;
        color: #fff;
        transition: 0.3s;
        text-align: center;
        padding-left: 0px;
    }
    .search_right{    padding-left: 40px;padding-right: 0;  }
    .search_right .no-result{
        text-align: center;
        color:#d80808;
        margin-top:50px;
    }
    .search-result-title{
        font-weight: 600;
        color: #333;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }
    .entry-image { float: left;width: 120px;margin: 0 20px 0 0;}
    .entry-c{ position: relative;  overflow: hidden; }
    .search-result-info{    padding:5px 0;  }
    .search-result-info li{  display: inline-block;  }
    .search_right em{ color: #004cff;  }
    .search_right .search-result{  margin-left:25px; }
    .product_title a{ color: #d80808; text-decoration: underline; }
    .search_right .search-li{ border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 10px;}
    .search_right li{ overflow: hidden;  }
    .search-result-info li:before{
        content: '/';
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 0.5
    }
    .search-result-info li:first-child:before { display: none; }
    .product_list{ padding-bottom: 15px;    border-bottom: 1px solid #d6d6d6;     margin-bottom: 15px;  }
    .product_img{ float: left;  }
    .product_img img{    border-radius: 50%;  }
    .product_img img:hover{    width: 90px;    height: 90px;  }
    .product_body{  float: left; margin-left: 20px; margin-top: 10px;  }
    .product_title{ margin-bottom: 20px;  }
    .se_news{    float: right;    width: 79%;  }
    .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden; transition: 0.3s;  }
    .search_right .news .date em{ color: #fff;}
    @media (max-width: 991px){
        #search{padding-top: 55px;padding-bottom: 55px;}
        .search_right{padding-left:15px;}
    }
    @media (max-width: 767px){
        .search_right{padding-left:0;margin-top:40px;}
        .entry-image{float: none;width: 100%;max-width: 300px;margin-bottom: 10px;}
    }
/*站内搜索*/
@media (max-width: 1400px){}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    #page{padding-top: 55px}
    header h1{width: 80%; height: 55px;line-height: 55px;}
    header h1 img{max-height: 70%;}
    #header a.mm_btn {background: center center no-repeat #009b6b;display: block;width: 55px;height: 55px;position: absolute;top:0;right: 0; padding: 12.5px; }
    #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
    #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
    #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
    #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
    #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
    #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
    #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
    #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
    #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    }
    /*菜单弹出方向*/
    .mm-menu_offcanvas{left: auto!important;}
    .mm-menu{right: 0!important;}
    .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
    .mm-slideout{z-index: 10!important;}
    .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
    }
    .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
    }
    /**/
    #menu{ color:rgba(0,0,0,.8);}
    #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
    #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
    #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
    #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
    #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
    #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
    #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
    #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
    }
}
@media (max-width: 991px){
/*common*/
    .swiper .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;margin:0 2px!important;}
    .col-title h4{margin-bottom: 6px;}
    /*mbx*/
    .mbx-page{padding: 15px 0;}
    /*news*/
    .news .text{padding: 14px;}
    .news .text .date{margin-bottom: 7px; line-height: 25px;}
    .news .text .date span{padding: 0 8px;margin-right: 8px;}
    .news .text a.more{ margin-top: 15px; padding: 5px 18px;}
    .news .text a.more span:after{margin-left: 8px;}
    .news .text p{margin-top: 7px;}
/*common*/
/*footer*/
    .footer{padding-top: 55px;text-align: center;}
    .footerleft{width: 100%;}
    .footerleft .footLogo{width: 100%;}
    .footerleft .footLogo{padding-bottom: 17px;margin-bottom: 17px;}
    .footerleft .content{width: 100%;}
    .footerright{max-width: 100%;width: 100%; margin-top: 20px;}
    .footerright .qrcode{ max-width: 180px;margin: 0 auto; }
    .footerright .qrcode p{margin-right: 10px;}
    .social{margin-top: 20px;}
    .social p{margin-bottom: 8px;}
    .social span{margin: 0 3px;}
    .social span i{width: 40px;height: 40px;}
    .copy{padding: 15px 0;margin-top: 30px;}
    .copyright{width: 100%;}
    .footLink{width: 100%;margin-top: 5px;}
/*footer*/
/*index*/
    /*about*/
    .col-index-about{padding-top: 55px;padding-bottom: 55px;}
    .col-index-about .content{width: 100%;}
    .col-index-about .panel{max-width: none;padding-right: 5vw;}
    .col-index-about .panel h2{max-width: none;margin:12px 0 25px;}
    .col-index-about .more{margin-top: 30px;}
    .col-index-about .more a span{padding-left: 14px;}
    .col-index-about .more a i{ margin-left: 15px;}
    .col-index-about .pic{width: 100%;margin-top: 50px;}
    .col-inab-number{margin-top: 40px;}
    .col-inab-number ul{display: flex;}
    .col-inab-number ul li .data{font-size: 24px;}
    .col-inab-number ul li .data .dw{margin-left: 5px;font-size: 14px;}
    /*product*/
    .col-index-product{padding-top: 65px;padding-bottom: 60px;}
    .col-index-product .title{flex-wrap: wrap;}
    .col-index-product .title li{margin-left: 0;margin-right: 7px; margin-top: 10px; }
    .col-index-product .title li a{padding: 5px 10px;}
    .col-index-product .title li:last-child{margin-right: 0;}
    .col-index-product .list{margin-top: 35px;}
    .col-index-product .list .swiper-slide{padding: 0 15px; }
    .col-index-product .list .tit{padding: 12px 0;}
    .col-index-product .list .tit i{font-size: 14px;}
    .col-index-product .button{margin-top: 23px;}
    .col-index-product .button .swiper-scrollbar{height: 2px;}
    .col-index-product .button .swiper-button-prev,
    .col-index-product .button .swiper-button-next{margin-left: 5px;}
    .col-index-product .button .swiper-button-prev{margin-left: 10px;}
    .col-index-product .button .swiper-button-prev:after,
    .col-index-product .button .swiper-button-next:after{ font-size: 12px;}
    /*service*/
    .col-index-service{padding-top: 65px;padding-bottom: 65px;}
    .col-index-service .list{margin-top: 40px;}
    .col-index-service .list ul{margin-top: -3vw; flex-wrap: wrap;}
    .col-index-service .list li{margin-top: 3vw;}
    .col-index-service .list li .panel{padding: 30px 15px;}
    .col-index-service .list li .text{margin-top: 25px;}
    .col-index-service .list li .text hr{margin: 7px auto 10px;}
    .col-index-service .list li .panel:hover .bg{transform: scale(1.05); }
    /*news*/
    .col-index-news{padding-top: 60px;padding-bottom: 60px;}
    .col-index-news .button{margin-top: 20px;}
    .col-index-news .button span{margin: 0 7px;}
    .col-index-news .list{margin-top: 15px;}
    /*partner*/
    .col-index-partner{padding-top: 50px;padding-bottom: 50px;}
    .col-index-partner .swiper-partner{margin-top: 50px;}
    .col-index-partner .swiper .swiper-pagination{margin-top: 18px;}
/*index*/
/*page about*/
    .col-page-about{padding-top: 50px;padding-bottom: 60px;}
    .col-page-about .pic{margin-top: 45px;}
    .col-page-about .content{width: 100%;padding-right: 0;}
    .col-page-about .content h3{margin-bottom: 15px;}
    .col-page-about .about-number{width: 100%;margin-top: 30px;}
    .col-page-about .about-number ul li{padding-bottom: 15px;margin-bottom: 15px;}
    .col-page-about .about-number ul li .data{font-size: 24px;}
    .col-page-about .about-number ul li .data .dw{margin-left: 5px;font-size: 14px;}
    /*culture*/
    .col-about-culture{padding-top: 60px;padding-bottom: 60px;}
    .col-about-culture .culture h3{ margin-bottom: 8px;}
    .col-about-culture .list{margin-top: 23px;}
    .col-about-culture .list ul{flex-wrap: wrap;}
    .col-about-culture .list li{width: 100%;margin-left: 0;margin-top: 8px;text-align: left;}
    .col-about-culture .list li .pic{max-height: 434px;min-height: 270px;}
    .col-about-culture .list li .bg2{background: rgba(0,155,107,0.8);}
    .col-about-culture .list li .img{padding: 0 5%;top: 10%;}
    .col-about-culture .list li .content{padding: 0 5%;bottom: 10%;}
    .col-about-culture .list li .content .con{display: block;margin-top: 10px;}
    .col-about-culture .list li.active{width: 100%;}
    .col-about-culture .list li.active .img{padding: 0 5%;}
    .col-about-culture .list li.active .content{padding: 0 5%;}
    .col-about-culture .list li:first-child{margin-top: 0;}
    /*honor*/
    .col-about-honor{padding-top: 60px;padding-bottom: 60px;}
    .col-about-honor .swiper-honor{margin-top: 30px;}
    /*history*/
    .col-about-history{ padding-top: 40px;padding-bottom: 60px; }
    .history .swiper-his1{width: 100%;margin-top: 50px;}
    .history .swiper-his1 .date{ padding-right: 13px; }
    .history .swiper-his1 .zs span{margin: 0 7px;}
    .history .swiper-his1 .con{width: 72.47%;margin-top: 18px;}
    .history .history-thumb{padding: 8px 50px;margin-top: 50px;}
    .history .swiper-his2 .swiper-slide{padding: 0 1vw;}
    .history .swiper-his2 .date{ line-height: 30px;font-size: 14px;}
    .history .history-thumb .swiper-button-prev,
    .history .history-thumb .swiper-button-next{width: 30px;height: 30px;margin-top: -15px;}
    .history .history-thumb .swiper-button-prev{left: 10px;}
    .history .history-thumb .swiper-button-next{right: 10px;}
    .history .history-thumb .swiper-button-prev:after,
    .history .history-thumb .swiper-button-next:after{line-height: 28px;}
/*page about*/
/*page technology*/
    .iconimg{padding-left:25px;margin-top:8px;}
    .col-page-tech1{padding-top: 60px;}
    .col-page-tech1 .flex{flex-wrap: wrap;}
    .col-page-tech1 .list{width: 100%;}
    .col-page-tech1 .list .pic img{width: 100%;}
    .col-page-tech1 .swiper .swiper-pagination{margin-top: 10px;}
    .col-page-tech1 .content{width: 100%;padding-left: 0;margin-top: 35px; padding-bottom:0;}
    .col-page-tech1 .content h3{margin-bottom: 7px;}
    .col-page-tech1 .content h4{padding-bottom: 15px;}
    .col-page-tech2{padding-top: 40px; padding-bottom: 60px;}
    .col-page-tech2 .container{padding-top: 40px;}
    .col-page-tech2 h3{margin-bottom: 10px;}
    .col-page-tech2 ul{ margin-top: 50px;flex-wrap: wrap; }
    .col-page-tech2 ul li{width: 100%;margin-right: 0;margin-bottom: 10px; padding: 5%;}
    .col-page-tech2 ul li h4{margin-top: 10px;}
    .col-page-tech2 ul li hr{margin: 18px 0 15px;}
    .col-page-tech2 ul li:last-child{margin-bottom: 0;}
/*page technology*/
/*page contact*/
    .col-page-contact{padding-top: 60px;padding-bottom: 60px;}
    .col-page-contact .map{margin-top: 50px;}
    .col-page-contact .col-title{padding-bottom: 17px;}
    .col-page-contact .content{padding-top: 18px; }
    .col-page-contact .social{margin-top: 25px;}
    .col-page-contact .social p{margin-bottom: 7px;}
    .col-page-contact .social span i{ font-size: 18px;}
    .col-page-contact .qrcode{margin-top: 30px;padding-top: 25px; }
    .col-page-contact .qrcode .flex{margin-top: 8px;}
    .col-page-contact .contact{width: 100%;padding-right: 0;}
    .col-page-contact .contact .content p.tel{padding: 8px 0 15px;}
    .col-page-contact .message{width: 100%;margin-top: 50px;}
    .message ul{margin:0 -5px;margin-top: 15px;}
    .message ul li{padding: 0 5px;margin-bottom: 10px;}
    .message ul li input,
    .message ul li select{padding:0 15px;height:40px;line-height: 38px;}
    .message ul li textarea{padding:10px 15px;}
/*page contact*/
/*page product*/
    .col-faq{margin-top: 35px; }
    .col-page-product{padding-top: 60px;padding-bottom: 60px;}
    .pro{ margin-top: 35px;}
    .pro ul{ margin: 0 -7px;margin-top: -25px;}
    .pro li{ padding: 0 7px;margin-top: 25px;}
    .pro li .protxt{padding: 8px 0;}
    .pro li .protxt .tit{padding: 0 10px;margin-right: 5px;}
    /*proshow*/
    .col-prodet{padding-bottom: 50px;}
    .pro_show{ padding: 5vw 4vw; }
    .pro_show .description{margin-top: 5vw; color: #222;}
    .pro_show .descriptionL{width: 100%;padding-right: 0;}
    .pro_show .descriptionL h1 span{margin-bottom: 8px;}
    .pro_show .descriptionL .con{margin-top: 20px; padding-top: 25px;}
    .pro_show .descriptionL .con p.p2{margin-top: 3px;}
    .pro_show .descriptionL .con a.back{margin-top: 25px; padding: 5px 18px;}
    .pro_show .descriptionL .con a.back span i{margin-left: 5px;}
    .pro_show .descriptionR{width: 100%;margin-top: 30px;}
    .pro_show .descriptionR table tr td:first-child{width: 32%;}
    .product-content{margin-top: 35px;padding-top: 35px; }
    .product-content-2{margin-top: 50px;}
    .product-content-2 h3{padding-bottom: 15px; }
    .product-content-2 p{ margin-top: 8px; }
    .product-content-2 table{width: 100%;display: block;}
    .product-content-2 table td{display: block;}
    .product-content-2 table td:first-child{width: 100%;}
    .product-content-2 table td:last-child{width: 100%;padding-left: 0;padding-top: 30px;}
    .product-content-3 ul li{margin-top: 15px; }
    .product-content-3 ul li h4{margin: 10px 0 7px; }
/*page product*/
/*page news*/
    .col-page-news{padding-top: 50px;padding-bottom: 55px;}
    .col-page-news .newslist{ margin-top: 45px;padding-top: 35px;}
    .col-page-news .news ul{margin: 0 -7px;margin-top: -15px; }
    .col-page-news .news li{padding: 0 7px;margin-top: 15px;}
    .newstop{margin-top: 18px;}
    /*newshow*/
    .newshow{padding: 30px 0 50px;}
/*page news*/
}
@media (max-width: 767px){
    .col-inab-number ul{flex-wrap: wrap;}
    .col-inab-number ul li{width: 100%!important;padding-bottom: 25px;margin-bottom: 25px; text-align: left!important;border-right: 0;border-bottom: 1px solid #ddd;}
    .col-inab-number ul li.li4{padding-bottom: 0; margin-bottom: 0;}
    .product-content-3 ul li{width: 100%;}
    .newstop .news .text{padding: 15px;}
    .newstop .news .text a.more{margin-top: 15px;}
}
@media (max-width: 400px){
    .pro li,
    .col-page-news .news li{width: 100%;}
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#888;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#888;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#888;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f17{font-size: 17px;}
.f18{font-size: 18px;}
.f20{font-size: 1.0416vw;}
.f22{font-size: 1.145833vw;}
.f24{font-size: 1.25vw;}
.f26{font-size: 1.35416vw;}
.f28{font-size: 1.4583vw;}
.f30{font-size: 1.5625vw;}
.f32{font-size: 1.666vw;}
.f34{font-size: 1.77vw;}
.f35{font-size: 1.82vw;}
.f36{font-size: 1.875vw;}
.f38{font-size: 1.979vw;}
.f40{font-size: 2.08vw;}
.f42{font-size: 2.1875vw;}
.f44{font-size: 2.2916vw;}
.f48{font-size: 2.5vw;}
.f50{font-size: 2.6vw;}
.f53{font-size: 2.76vw;}
.f54{font-size: 2.8125vw;}
.f56{font-size: 2.916vw;}
.f60{font-size: 3.125vw;}
.f70{font-size: 3.64583vw;}
.f72{font-size: 3.75vw;}
.f76{font-size: 3.958vw;}
.f80{font-size: 4.16vw;}
.f90{font-size: 4.6875vw;}
@media (max-width: 1600px) {
    .f14{font-size: 13px;}
    .f15{font-size: 14px;}
    .f16{font-size: 15px;}
    .f17{font-size: 16px;}
    .f18{font-size: 17px;}
    .f20{font-size: 1.2vw;}
    .f22{font-size: 1.3vw;}
    .f24{font-size: 1.4vw;}
    .f26{font-size: 1.5vw;}
    .f28{font-size: 1.6vw;}
    .f30{font-size: 1.7vw;}
    .f32{font-size: 1.8vw;}
    .f34{font-size: 1.85vw;}
    .f35{font-size: 1.87vw;}
    .f36{font-size: 1.9vw;}
    .f38{font-size: 2vw;}
    .f40{font-size: 2.1vw;}
    .f42{font-size: 2.15vw;}
    .f44{font-size: 2.2vw;}
}
@media (max-width: 1460px) {
    .f14{font-size: 12px;}
    .f15{font-size: 13px;}
    .f16{font-size: 14px;}
    .f17{font-size: 15px;}
    .f18{font-size: 16px;}
    .f20{font-size: 1.3vw;}
    .f22{font-size: 1.4vw;}
    .f24{font-size: 1.5vw;}
    .f26{font-size: 1.6vw;}
    .f28{font-size: 1.7vw;}
    .f30{font-size: 1.8vw;}
    .f32{font-size: 1.9vw;}
    .f34{font-size: 1.95vw;}
    .f35{font-size: 1.97vw;}
    .f36{font-size: 2vw;}
}
@media (max-width: 1200px) {
    .f20{font-size: 1.55vw;}
    .f22{font-size: 1.65vw;}
    .f24{font-size: 1.7vw;}
    .f26{font-size: 1.75vw;}
    .f28{font-size: 1.8vw;}
    .f30{font-size: 1.85vw;}
}
@media (max-width: 991px) {
    .f17{font-size: 14px;}
    .f18{font-size: 14px;}
    .f20{font-size: 15px;}
    .f22{font-size: 16px;}
    .f24{font-size: 16px;}
    .f26{font-size: 18px;}
    .f28{font-size: 19px;}
    .f30{font-size: 20px;}
    .f32{font-size: 21px;}
    .f34{font-size: 21px;}
    .f35{font-size: 21.5px;}
    .f36{font-size: 22px;}
    .f38{font-size: 22.5px;}
    .f40{font-size: 23px;}
    .f42{font-size: 23.5px;}
    .f44{font-size: 24px;}
    .f48{font-size: 24.5px;}
    .f50{font-size: 25px;}
    .f53{font-size: 25px;}
    .f54{font-size: 25.2px;}
    .f56{font-size: 25.3px;}
    .f60{font-size: 25.5px;}
    .f70{font-size: 26px;}
    .f72{font-size: 26.2px;}
    .f76{font-size: 26.4px;}
    .f80{font-size: 26.8px;}
    .f90{font-size: 28px;}
}
@media (max-width: 468px) {
    .f20{font-size: 14px;}
    .f22{font-size: 15px;}
    .f24{font-size: 15px;}
    .f26{font-size: 16.5px;}
    .f28{font-size: 16.6px;}
    .f30{font-size: 16.7px;}
    .f32{font-size: 16.8px;}
    .f34{font-size: 16.9px;}
    .f35{font-size: 17px;}
    .f36{font-size: 17px;}
    .f38{font-size: 17.5px;}
    .f40{font-size: 18px;}
    .f42{font-size: 18.1px;}
    .f44{font-size: 18.2px;}
    .f48{font-size: 18.8px;}
    .f50{font-size: 19px;}
    .f53{font-size: 20px;}
    .f54{font-size: 20px;}
    .f56{font-size: 20px;}
    .f60{font-size: 21px;}
    .f70{font-size: 22px;}
    .f72{font-size: 23px;}
    .f76{font-size: 23.5px;}
    .f80{font-size: 24px;}
    .f90{font-size: 25px;}
}